import { Button } from '@ant-design/react-native'
import React, { Component } from 'react'
import { Text, View, ScrollView, TextInput, Image } from 'react-native'

export default class Login extends Component {
    render() {
        return (
            <View style={{ flex: 1, flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center' }}>
                <View style={{ marginTop: 100,justifyContent:'center',alignItems:'center' }}>
                    <Image style={{ width: 280, height: 140, backgroundColor: '#DDDDDD' }} source={require('./picture/logo.png')}/>
                    <TextInput style={{height:60, width: 300, borderBottomColor: 'gray', borderBottomWidth: 1 ,fontSize:20}} placeholder={"账号:"} />
                    <TextInput style={{height:60 ,width: 300, borderBottomColor: 'gray', borderBottomWidth: 1,fontSize:20 }} placeholder={"密码:"} />
                    <Button style={{ marginTop: 50, width: 270, backgroundColor: '#597ef7', shadowColor: 'blue',borderRadius:30}}>登录</Button>
                </View>

                <Text style={{justifyContent:'flex-end',fontSize:15,marginTop:230}}>版权所有</Text>
                <Text style={{justifyContent:'flex-end',fontSize:15}}>北京城市学院18软本2RN小组</Text>


            </View>
        )
    }
}
